<template>
	<view>
		<uni-popup ref="popup" type="message" @change="change">
			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
		</uni-popup>
	</view>
</template>

<script>

export default {
	data() {
		return {
			msgType: 'success',
			messageText: '这是一条成功提示',
		}
	},
	props: {
		msg: Object,
		default: {},
	},
	methods: {
		change(e) {
		},
		showMsg({ type, msg }) {
			this.msgType = type;
			this.messageText = msg;
			this.$refs.popup.open()
		},
	},
	watch: {
		msg(val, oldVal) {
			const {
				type,
				msg,
			} = val || {};
			if (!msg) {
				return;
			}
			this.showMsg({
				type,
				msg,
			});
		}
	}
}
</script>